$grid-margin: 20rpx;

@mixin flex-row {
  display: flex;
  flex-direction: row;
}

page {
  height: 100%;
  .wrapper {
    height: 100%;
  }
}

.container {
  margin-bottom: $grid-margin;
  max-width: 750rpx;
  box-sizing: border-box;
  color: #fff;
}

.now {
  .location {
    text-align: center;
    font-size: 26rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 200rpx;

    icon {
      font-size: 26rpx;
      margin-right: 4rpx;
    }
  }
}

.today {
  @include flex-row;
  .item {
    display: block;
    flex: 1;
    padding-right: 16rpx;
    margin: 0 16rpx 0 0;
    border-right: 2rpx solid rgba(255, 255, 255, .4);
  }
}